<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .fa1{
            width: 400px;
            height: 400px;
            background: deeppink;
        }
        .fa2{
            width: 150px;
            height: 150px;
            background: red;
        }
        .fa3{
            width: 400px;
            height: 400px;
            background: red;
        }
        .fa4{
            width: 150px;
            height: 150px;
            background: blue;
        }
        .video{
            width: 100%;
            height:200px;
            border:1px solid red;
        }
        video{
            overflow-clip-margin: content-box;
            overflow: clip;
            object-fit: contain;
        }
        .clearfix::after{
            content:'';
            display: block;
            height:0;
            clear:both;
            visibility: hidden;
        }
        .clearfix{
            zoom:1;
        }
        :root{
            --blue:#f6574a;
            --btn-border:1px solid red;
        }
        .a{
            --size-20:29px;
            color:var(--blue);
            font-size:var(--size-20)
        }
        .b{
            border:var(--btn-border)
        }
    </style>
    <link rel="stylesheet" href="">
</head>
<body>
<div id="myDiv" data-color="red"></div>
<div>1122233</div>
<p>22</p>

<script type="module">
    // 添加cookie
    document.cookie="name=zz";
    document.cookie="a=a;b=b;c=c";
    // 这样只添加了 a = a 这个值 所有cookie的值要一个一个添加

    // 删除cookie 设置过期时间即可
    document.cookie="name=zz;expires=Wed Sep 27 2022 16:50:31 GMT+0800 (中国标准时间)";

</script>
</body>
</html>
